@use "../theme.scss" as *;
/**
* 天气 popover
*/
.weather-popover {
  .weather-title {
    display: flex;
    justify-content: space-between;
    color: $main-color;
    line-height: 24px;
    .title-left {
      display: flex;
      align-items: center;
    }
    .weather-title-icon {
      margin-right: 5px;
      height: 24px;
      color: $main-color;
      line-height: 24px;
    }
    .weather-title-right-btn {
      height: 24px;
    }
  }
  .weather-content-now {
    margin: 10px 0;
    .today {
      text-align: center;
      .today-day {
        font-size: 40px;
        color: $main-color;
      }
      .today-en {
        font-size: 16px;
      }
    }
  }
  .weather-content-days {
    margin: 10px 0;
    .day-weather {
      padding: 10px 0;
      height: 40px;
      border-bottom: 1px solid #ededed;
      .day-weather-png {
        width: 25px;
      }
    }
  }
  .weather-content-life {
    .life-row {
      margin: 10px 0;
      .weather-life-item {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        height: 100%;
        // height: 50px;
        border: 1px solid $main-color;
        border-radius: 10px;
        .wy-icon-svg {
          margin-right: 5px;
        }
        .life-message {
          flex: 1;
          .brief {
            line-height: 35px;
            color: $main-color;
          }
          .details {
            font-size: 12px;
          }
        }
      }
    }
  }
}
